
/* --------------------内容区------------------------ */

#main_content{
	overflow:hidden;
	min-height:306px;
	.main_title{
		height:60px;
		border-bottom:1px solid #ccc;
		overflow:hidden;
		position:relative;
		b{
			float:left;
			font:800 18px/60px ' ';
			span{
				font:500 16px/70px ' ';
				margin:0 5px;
			}
		}
		a{
			float:right;
			font:16px/70px ' ';
			color:#999;
		}
		i.square{
			display:block;
			margin:24px 7px 0;
			width:6px;
			height:22px;
			background:#bc0a2f;
			float:left;
		}
		i.square2{
			display:block;
			width:120px;
			height:2px;
			background:#bc0a2f;
			position:absolute;
			bottom:0;
			left:0;
		}
	}
	.Special_m{
		div.left{
			margin-top:12px;
			padding:0;
			height:220px;
			img{
				width:100%;
				height:100%;
			}
		}
		ul.main_details{
			li{
				a{
					display:block;
					width:100%;
					height:100%;
					color:#222;
					transition:.3s color;
				}
				a:hover{
					color:#bc0a2f;
				}
				height:57px;
				line-height:21px;
				font-size:14px;
				border-bottom:1px solid #ccc;
				padding-top:10px;
				div{
					width:100%;
					overflow:hidden;
					height:21px;
					overflow: hidden;
					text-overflow:ellipsis;
					white-space: nowrap;
				}
				div.time{
					float:right;
				}
			}
			li:nth-last-of-type(1){
				border:none;
			}
		}
	}
	.notice{
		ul.main_details{
			li{
				height:57px;
				padding-top:10px;
				display: box;
				display: -webkit-box;
				display: -moz-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				div.left{
					width:48px;
					height:48px;
					/*float:left;*/
					background:#f7f7f7;
					border:1px solid #ccc;
					margin-right:8px;
					span{
						display:block;
						height:24px;
						overflow:hidden;
						text-align:center;
						font:10px/24px ' ';
					}
					span:nth-of-type(1){
						background:#bc0a2f;
						color:#fff;
					}
				}
				div.right{
				    -webkit-box-flex: 1;
				    -moz-box-flex: 1;
				    -webkit-flex: 1;
				    -ms-flex: 1;    
				    flex: 1;
				    a{
				    	color:#222;
				    	transition:.3s color;
				    }
				    a:hover{
						color:#bc0a2f;
					}
				    font:12px/18px ' ';
				    /*paddding-top:8px;*/
				    display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 2;
					overflow: hidden;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 2;
					padding:10px 0 ;
				}
			}
		}
	}
	.main_center{
		min-height:234px;
		div.main_box{
			padding:0;
		}
		ul.main_details{
			min-height:159px;
			li{
				height:27px;
				padding-top:10px;
				display: box;
				display: -webkit-box;
				display: -moz-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				i{
					width:18px;
					font-size:14px;
					line-height:27px;
					color:#bc0a2f;
				}
				div{
					-webkit-box-flex: 1;
				    -moz-box-flex: 1;
				    -webkit-flex: 1;
				    -ms-flex: 1;    
				    flex: 1;
				    a{
				    	color:#222;
				    	transition:.3s color;
				    }
				    a:hover{
						color:#bc0a2f;
					}
				    font-size:14px;
					line-height:27px;
					overflow:hidden;
					height:27px;
					overflow: hidden;
					text-overflow:ellipsis;
					white-space: nowrap;
				}
			}
		}
		.query{
			.input_box1{
				margin-top:22px;
				width:100%;
				height:138px;
				background:#4baaef;
				text-align:center;
				h2{
					width:158px;
					height:63px;
					overflow:hidden;
					margin:0 auto;
					i.iconfont{
						display:block;
						font-size:30px;
						line-height:63px;
						margin:0 10px 0 5px;
						float:left;
						color:#fff;
					}
					span{
						display:block;
						font-size:18px;
						line-height:63px;
						color:#fff;
						float:left;
					}
					
				}
				div{
					width:230px;
					height:30px;
					overflow:hidden;
					margin:0 auto;
					input{
						width:200px;
						height:30px;
						display:block;
						float:left;
						font:16px/30px ' ';
						color:#222;
					}
					i{
						width:30px;
						height:30px;
						display:block;
						float:right;
						background:#ccc;
						color:#fff;
						font:16px/30px ' ';
					}
				}
				span{
					display:block;
					text-align:center;
					font:12px/40px ' ';
					color:#fff;
				}
			}
			ul{
				padding-left:15px;
				li{
					float:left;
					font:14px/32px ' ';
					margin-right:30px;
					list-style-type:disc;
					a{
						color:#333;
						width:100%;
						height:100%;
					}
					a:hover{
						color:#bc0a2f;
					}
				}
			}
		}
	}
	.main_bottom{
		.nav_box{
			div.single_nav{
				padding:18px 5px 0 5px;
				a{
					box-sizing:border-box;
					display:block;
					height:62px;
					display: box;
					display: -webkit-box;
					display: -moz-box;
					display: -ms-flexbox;
					display: -webkit-flex;
					display: flex;
					border:1px dashed #ccc;
					color:#222;
					i{
						display:block;
						float:left;
						width:65px;
						line-height:63px;
						font-size:30px;
						text-align:center;
						color:#666;

					}
					div{
						-webkit-box-flex: 1;
					    -moz-box-flex: 1;
					    -webkit-flex: 1;
					    -ms-flex: 1;    
					    flex: 1;
					    padding:12px 0 0 0;
					    span{
					    	display:block;
							font:14px/18px ' ';
					    }
					    span:nth-of-type(2){
							color:#999;
					    }
					}
				}
				a:hover{
					background:#bc0a2f;
					color:#fff;
				    border: 1px dashed #bc0a2f;
					span:nth-of-type(2){
						color:#fff;
					}
					i{
						color:#fff; 
					}
				}
			}
			
		}
		.students_plan{
			.img_plan{
				display: box;
				display: -webkit-box;
				display: -moz-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				padding-top:10px;
				.left{
					width:104px;
					height:69px;
					margin-right:7px;
					img{
						display:block;
						width:100%;
						height:100%;
					}
				}
				.right{
					-webkit-box-flex: 1;
				    -moz-box-flex: 1;
				    -webkit-flex: 1;
				    -ms-flex: 1;    
				    flex: 1;
				    height:69px;
				    /*background:#f99;*/
				    overflow:hidden;
				    span,a{
				    	display:block;
				    }
				    a:hover{
						color:#bc0a2f;
					}
				    a.title{
				    	overflow: hidden;
						text-overflow:ellipsis;
						white-space: nowrap;
				    	font:16px/16px ' ';
				    	margin-bottom:10px;
				    	color:#222;
				    }
				    span.con{
				    	/*text-indent:2em;*/
						font:12px/18px ' ';
				   		display: -webkit-box;
						-webkit-box-orient: vertical;
						-webkit-line-clamp: 2;
						overflow: hidden;
						color:#999;
				    }
				}
			}
			ul{
				margin-top:5px;
				li{
					color:#222;
					font:14px/24px ' ';
					height:25px;
					width:100%;
					display: -webkit-box;
					display: -moz-box;
					display: -ms-flexbox;
					display: -webkit-flex;
					display: flex;
					i{
						display:block;
						width:22px;
						height:24px;
						font:12px/24px ' ';
						text-align:center;
						color:#bc0a2f;
					}
					a{
						display:block;
						-webkit-box-flex: 1;
					    -moz-box-flex: 1;
					    -webkit-flex: 1;
					    -ms-flex: 1;    
					    flex: 1;
					    overflow: hidden;
						text-overflow:ellipsis;
						white-space: nowrap;
						display: box;
						color:#222;
						transition:.3s color;
					}
					a:hover{
						color:#bc0a2f;
					}
				}
			}
		}
	}
}
/* --------------党建新闻------------------- */
 #party_news{
	min-height:345px;
	width:100%;
	overflow:hidden;
	.main_title{
		height:60px;
		border-bottom:1px solid #ccc;
		overflow:hidden;
		position:relative;
		b{
			float:left;
			font:800 18px/60px ' ';
			span{
				font:500 16px/70px ' ';
				margin:0 5px;
			}
		}
		a{
			float:right;
			font:16px/70px ' ';
			color:#999;
		}
		i.square{
			display:block;
			margin:24px 7px 0;
			width:6px;
			height:22px;
			background:#bc0a2f;
			float:left;
		}
		i.square2{
			display:block;
			width:120px;
			height:2px;
			background:#bc0a2f;
			position:absolute;
			bottom:0;
			left:0;
		}
	}
	.party_news_box{
		height:264px;
		margin-top:25px;
		margin-bottom:25px;
		.swiper-container {
		    width: 100%;
		    height: 264px;
		    .swiper-slide{
		    	overflow:hidden;
		    	div.single_news{
		    		cursor:pointer;
		    		width:100%;
		    		height:100%;
		    		border:1px solid #f8f8f8;
		    		overflow:hidden;
		    		div.top{
		    			width:100%;
		    			height:162px;
		    			position:relative;
		    			a{
		    				display:block;
		    				width:100%;
		    				height:100%;
		    			}
		    			img{
		    				width:100%;
		    				height:100%;
		    			}
		    			span{
		    				position:absolute;
		    				width:100%;
		    				padding:0 10px;
		    				box-sizing: border-box;
		    				height:0;
		    				overflow: hidden;
							text-overflow:ellipsis;
							white-space: nowrap;
							background:rgba(0,0,0,.5);
							color:#fff;
							bottom:0;
							left:0;
							font:14px/27px ' ';
							display:none;
							webkit-transition:height 2s;
			          				transition:height 2s;

		    			}
		    		}
		    		div.top:hover{
		    			span{
		    				height:27px;
		    				display:block;

		    				
		    			}
		    		}
		    		div.bottom{
		    			height:104px;
		    			padding:10px 10px;
		    			.title{
		    				a{
		    					width:100%;
		    					height:100%;
		    					color:#222;
		    				}
		    				font:16px/30px ' ';
		    				height:30px;
		    				width:100%;
		    				overflow: hidden;
							text-overflow:ellipsis;
							white-space: nowrap;
		    			}
		    			div.con{
		    				font:14px/24px ' ';
		    				color:#666;
		    				widows: 100%;
		    				display: -webkit-box;
							-webkit-box-orient: vertical;
							-webkit-line-clamp: 2;
							overflow: hidden;
		    			}
		    		}
		    	}
		    	div.single_news:hover{
		    		margin-top:-2px;
		    		margin-left:-2px;
		    		-moz-box-shadow: 2px 2px 5px #f8f8f8; /* 老的 Firefox */
					box-shadow: 2px 2px 5px #f8f8f8;
		    	}
		    }
		}  
	}
} 
#link_box{
	.main_title{
		height:60px;
		border-bottom:1px solid #ccc;
		overflow:hidden;
		position:relative;
		b{
			float:left;
			font:800 18px/60px ' ';
			span{
				font:500 16px/70px ' ';
				margin:0 5px;
			}
		}
		a{
			float:right;
			font:16px/70px ' ';
			color:#999;
		}
		i.square{
			display:block;
			margin:24px 7px 0;
			width:6px;
			height:22px;
			background:#bc0a2f;
			float:left;
		}
		i.square2{
			display:block;
			width:120px;
			height:2px;
			background:#bc0a2f;
			position:absolute;
			bottom:0;
			left:0;
		}
	}
	.link_left{
		padding:10px 0;
		li{
			width:74px;
			height:64px;
			float:left;
			a{
				display:block;
				width:100%;
				height:100%;
				text-align:center;
				color:#222;
				i{
					display:block;
					font:30px/30px ' ';
					margin-top:9px;
				}
				span{
					font:12px/24px ' ';
					display:block;
					height:24px;

				}
			}
		}
		li:hover{
			background:#b32726;
			a{
				color:#fff;
			}
		}
	}
	.link_right{
		padding:20px 0;
		ul{
			li{
				float:left;
				a{
					font:14px/24px ' ';
					color:#222;
					i.iconfont{
						color:#bc0a2f;
					}
				}
				a:hover{
					color:#bc0a2f;
				}
			}
		}
	}
}
